<template>
  <div style="height:100%">
    <el-scrollbar>
      <div>
        <MainHeader></MainHeader>
        <div style="display:block">
          <router-link to="/" style="display:block;text-align:center">
            <el-button type="info" style="text-align:center;margin-top:40px;margin-bottom: 40px;"><i style="color:blanchedalmond">404ERROR</i> 点此返回主页</el-button>
          </router-link>

          <GAME style="text-align:center"></GAME>

        </div>

      </div>
    </el-scrollbar>
  </div>
</template>

<script>
import MainHeader from '../components/MainHeader.vue';
import GAME from '../components/404GAME.vue'

export default {
  components: { MainHeader, GAME },
  methods: {
  }
}
</script>

<style>
.el-scrollbar {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

:deep .el-scrollbar__wrap {
  height: 100%;
  overflow: scroll;
  overflow-x: auto;
}
</style>